<template>
  <div class="app">
    <HeaderContainer currentMenu="/about" title="关于我们" />

    <div class="bg">
      <div class="breadcrumb" style="padding:0px;width:1200px;margin:0 auto;">
        <el-breadcrumb separator="/" style="margin-bottom:20px;">
          <el-breadcrumb-item>您的位置：</el-breadcrumb-item>
          <el-breadcrumb-item><a href="/about">关于我们</a></el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <div class="main-content container">
        <div class="title">关于我们</div>
        <div class="content">
          这里是关于我们的内容
        </div>
      </div>
    </div>

  </div>
</template>

<script>
import HeaderContainer from '@/pages/common/HeaderContainer.vue'

export default {
  head() {
    return {
      title: '关于我们' + ' - ' + this.$store.state.siteInfo.webName
    }
  },
  data () {
    return {
      loading: false,
      tabValue: 'first',
      checkList:[],
      homeData: {

      },
      appInfo: {

      },
    }
  },
  async asyncData(ts) {
    /*
    let response = await ts.$api.post('/web/page/index/info',
      {}
    )
    if (response.meta.code == 200) {
      return {homeData: response.data}
    } else {
      return {}
    }
    */
  },
  mounted() {
    //this.getHomeData()
  },
  components: {
    HeaderContainer
  },
  methods: {
    getHomeData() {
      this.loading = true
      this.$api.post('/web/page/index/info',
        {}
      ).then((response) => {
        if (response.meta.code == 200) {
          this.homeData = response.data
        } else {
          this.$Message.error(response.msg)
        }
        this.loading = false
      })
    },
    link(path, query={}) {
      this.$router.push({path:path, query:query})
    }
  }
}
</script>

<style lang="scss" scoped>

.container{
  width: 1200px;
  margin:0 auto;
}

.list-options{
  .title{
    width: 100px;
    font-size:14px;
  }
  .item{
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
  }
}
.content-item{
  display: flex;
}
.bg{
  background:#f7f9fa;
  padding-top:20px;
  padding-bottom: 100px;
}
.main-content{
  background: white;
  padding: 30px;
  .title{
    font-size: 20px;
    text-align: center;
    margin-bottom: 35px;
    color: #383838;
  }
  .content{

  }
}
@media (max-width: 480px){
.app{width:100%;overflow: hidden;}
.container{width:100%;}
.title{display: none;}
.bg{background-color: white;}
}
</style>
